<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#d{
			  width: 500px;
			  height: 400px;
			  border: 2px solid tomato;
			  padding: 10px;
			}
			#d1,#d2,#d3{
				margin: 10px;
				height: 40px;
				background-color: darkgray;
				border: 1px dashed blue;
			}
			#d1{
				background-color: #008000;
				position: relative;
				top:-20px;
				left:40px;
			}
			#d2{
				 
				border: 5px outset darkblue;
				position: relative;
				/* left: 50px;
				top: 30px; */
				z-index: 1000;
				opacity: 0.9;
			}
			#d3{
				background-color: red;
				position: relative;
				
				top:-40px;
				left: 10px;
				z-index: 1;
			}
			
		</style>
	</head>
	<body>
		<div id="d">
			<div id="d1">111</div>
			<div id="d2">222</div> 
			<div id="d3">333</div>
		</div>
	</body>
</html>
